<template>
    <view class="easy-pro-item">
        <image class="pro-img" :src="easyGetImgUrl(proData.proImg)"></image>
        <text class="pro-name">{{ proData.proName }}</text>
    </view>
</template>

<script>
export default {
    props: {
        proData: {
            type: Object,
            default: () => {},
        },
    },
    data() {
        return {}
    },
    methods: {},
}
</script>

<style lang="scss">
.easy-pro-item {
    display: flex;
    flex-direction: row;
    margin-bottom: 10rpx;
    .pro-img {
        width: 120rpx;
        height: 120rpx;
        margin-right: 20rpx;
    }
    .pro-name {
        font-size: $font-size-36;
    }
}
</style>
